body {
    color: #777;
    font-family: Helvetica,"Microsoft Yahei",Verdana,Helvetica,SimSun,Arial,"Arial Unicode MS", MingLiu,PMingLiu,"MS Gothic",sans-serief;
    margin: 0 auto;
}

.pure-img-responsive {
    max-width: 100%;
    height: auto;
}

#layout {
    position: relative;
    padding-left: 0;
}

.content {
    margin: 0 auto;
    padding: 0 1em;
    max-width: 800px;
    margin-bottom: 50px;
    line-height: 1.6em;
}

.header {
     margin: 0 auto;
     color: #333;
     text-align: center;
     padding: 1em 1em 0;
     border-bottom: 1px solid #eee;
     background-color: #2196F3;
     color: #FFFFFF;
 }

.header h1 {
    text-align: left;
    margin: 0.2em 0;
    font-size: 1.5em;
    font-weight: 300;
}
 .header h2 {
     text-align: left;
    font-weight: 300;
    padding: 0;
    font-size: 0.8em;
    margin-top: 0;
}

p {
	margin-top: 0;
	margin-bottom: 5pt;
	line-height: 1.6em;
}

img {
	max-width: 90%;
	height: auto;
}

div.bimg {
	text-align: center;
	padding: 0;
}

audio {
	width: 100%
}

* {
	-webkit-touch-callout: none;
 /* prevent callout to copy image, etc when tap to hold */
    /*-webkit-text-size-adjust: none;*/ /* prevent webkit from resizing text to fit */
	-webkit-tap-highlight-color: rgba(0,0,0,0.15);
 /* make transparent link selection, adjust last value opacity 0 to 1.0 */
    /*-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
}